<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1″>
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="x-rim-auto-match" content="none">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Test</title>
    <link rel="stylesheet" href="../css/home.css">
    <link rel="stylesheet" href="../css/util/animate.min.css">
    <link rel="stylesheet" href="../css/util/swiper.min.css">
</head>

<body>
    <div class="wp-grid">
        <div class="main">
            <div class="nav">
                <div class="nav-info">
                    <h3 class="logo">
                        <a href="javascript:;"><img src="../css/assets/logo.png" alt=""></a>
                    </h3>
                    <ul class="nav-list navbar-right">
                        <li class="dropdown ">
                            <a href="javascript:;" class="dropdown-toggle">公司简介</a>
                            <!-- <ul class="dropdown-menu">
                                <li class="menu-item">
                                    <a href="JavaScript:;" target="">企业荣誉</a>
                                </li>
                                <li class="menu-item">
                                    <a href="JavaScript:;" target="">合作客户</a>
                                </li>
                            </ul> -->
                        </li>

                        <!-- <li class="dropdown ">
                            <a href="javascript:;" class="dropdown-toggle">解决方案</a>
                            <ul class="dropdown-menu">
                                <li class="menu-item">
                                    <a href="JavaScript:;" target="">猎头服务</a>
                                </li>
                                <li class="menu-item">
                                    <a href="JavaScript:;" target="">企业Mapping</a>
                                </li>
                            </ul>
                        </li>
                        <li class="dropdown ">
                            <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">专业顾问</a>
                            <ul class="dropdown-menu">
                                <li class="menu-item">
                                    <a href="javascript:;" target="">人力资源</a>
                                </li>
                                <li class="menu-item">
                                    <a href="javascript:;" target="">财务</a>
                                </li>

                                <li class="menu-item">
                                    <a href="javascript:;" target="">科创商服</a>
                                </li>

                                <li class="menu-item">
                                    <a href="javascript:;" target="">高科技</a>
                                </li>

                                <li class="menu-item">
                                    <a href="javascript:;" target="">新零售</a>
                                </li>

                                <li class="menu-item">
                                    <a href="javascript:;" target="">汽车与智能制造</a>
                                </li>

                                <li class="menu-item">
                                    <a href="javascript:;" target="">互联网</a>
                                </li>

                                <li class="menu-item">
                                    <a href="javascript:;" target="">半导体</a>
                                </li>
                                <li class="menu-item">
                                    <a href="javascript:;" target="">金融科技</a>
                                </li>
                            </ul>
                        </li> -->
                        <li class="dropdown ">
                            <a href="javascript:;" class="dropdown-toggle">联系我们</a>

                            <!-- <ul class="dropdown-menu">
                                <li class="menu-item">
                                    <a href="javascript:;" target="">联系我们</a>
                                </li>
                                <li class="menu-item">
                                    <a href="javascript:;" target="">加入我们</a>
                                </li>
                            </ul> -->
                        </li>

                    </ul>
                </div>
            </div>
            <!-- nav END -->

            <div class="banner">
                <div class="mask swiper-container" id="banner">
                    <div class="focus swiper-wrapper">
                        <div class="item item1 swiper-slide">
                        </div>
                        <div class="item item2 swiper-slide">
                            <div class="col-xs-12">
                                <div class="row tc">
                                    <h2 class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s"
                                        style="visibility: visible;animation-duration:0.5s;-webkit-animation-duration:0.5s;animation-delay:0.3s;-webkit-animation-delay:0.3s;"
                                        swiper-animate-style-cache="visibility: hidden;">成就客户，成就员工，成就社会——XX人力与您共同成长！</h2>
                                    <p class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s"swiper-animate-delay="0.8s"style="visibility: visible;animation-duration:0.5s;-webkit-animation-duration:0.5s;animation-delay:0.8s;-webkit-animation-delay:0.8s;"
                                        swiper-animate-style-cache="visibility: hidden;">Achievement of customers, achievements of employees, achievements of society</p>
                                </div>
                            </div>
                        </div>
                        <div class="item item3 swiper-slide">
                            <div class="col-xs-12">
                                <div class="row tc">
                                    <h2 class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s"
                                        swiper-animate-delay="0.3s"
                                        style="visibility: visible;animation-duration:0.5s;-webkit-animation-duration:0.5s;animation-delay:0.3s;-webkit-animation-delay:0.3s;"
                                        swiper-animate-style-cache="visibility: hidden;">以人为本，以才为先——我们相信每一份潜力都值得被挖掘！</h2>
                                    <p class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.8s"style="visibility: visible;animation-duration:0.5s;-webkit-animation-duration:0.5s;animation-delay:0.8s;-webkit-animation-delay:0.8s;"
                                        swiper-animate-style-cache="visibility: hidden;">People-oriented, talent first - we believe that every potential is worth tapping!</p>
                                </div>
                            </div>
                        </div>
                        <!-- <div class="item item4 swiper-slide">
                            <div class="col-xs-12"><div class="row tc">
                                <h2 class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s" style="visibility: visible;animation-duration:0.5s;-webkit-animation-duration:0.5s;animation-delay:0.3s;-webkit-animation-delay:0.3s;" swiper-animate-style-cache="visibility: hidden;">伯乐识别千里马，赛睿广纳天下士</h2>
                                <p class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.8s" style="visibility: visible;animation-duration:0.5s;-webkit-animation-duration:0.5s;animation-delay:0.8s;-webkit-animation-delay:0.8s;" swiper-animate-style-cache="visibility: hidden;">BoLe identifies horsees that can run for thousands of miles,Career Executive recruits talents in a wide range</p>
                              </div></div>
                        </div> -->
                    </div>
                    <a class="btn prev bannerprev swiper-button-prev" href="javascript:;"></a>
                    <a class="btn next bannernext swiper-button-next" href="javascript:;"></a>
                    <div class="swiper-pagination"></div>
                </div>

            </div>


            <!-- banner END -->
            <div class="module">
                <div class="module-advantage">
                    <div class="hd">
                        <h2 class="tit">品牌优势</h2>
                    </div>
                    <div class="bd">
                        <ul class="grid">
                            <li class="fadeInUp">
                                <div class="item">
                                    <div class="icon flex_cc">
                                        <i class="iconfont icon-jiayoushi01"></i>
                                    </div>
                                    <div class="info">
                                        <div class="num"><span class="font48 counter">22</span>年</div>
                                        <div class="desc font18">行业经验</div>
                                    </div>
                                </div>
                            </li>
                            <li class="fadeInUp">
                                <div class="item flex_ac">
                                    <div class="icon flex_cc"><i class="iconfont icon-jiayoushi02"></i></div>
                                    <div class="info">
                                        <div class="num"><span class="font48 counter">30</span>+</div>
                                        <div class="desc font18">获得国家荣誉</div>
                                    </div>
                                </div>
                            </li>
                            <li class="fadeInUp">
                                <div class="item flex_ac">
                                    <div class="icon flex_cc"><i class="iconfont icon-jiayoushi03"></i></div>
                                    <div class="info">
                                        <div class="num"><span class="font48 counter">4700</span>+</div>
                                        <div class="desc font18">集团合作客户数量</div>
                                    </div>
                                </div>
                            </li>
                            <li class="fadeInUp">
                                <div class="item flex_ac">
                                    <div class="icon flex_cc"><i class="iconfont icon-jiayoushi04"></i></div>
                                    <div class="info">
                                        <div class="num"><span class="font48 counter">20</span>万+</div>
                                        <div class="desc font18">年培训及供应人才</div>
                                    </div>
                                </div>
                            </li>
                            <li class="fadeInUp">
                                <div class="item flex_ac">
                                    <div class="icon flex_cc"><i class="iconfont icon-jiayoushi05"></i></div>
                                    <div class="info">
                                        <div class="num"><span class="font48 counter">1100</span>+</div>
                                        <div class="desc font18">管理团队</div>
                                    </div>
                                </div>
                            </li>
                            <li class="fadeInUp">
                                <div class="item flex_ac">
                                    <div class="icon flex_cc"><i class="iconfont icon-jiayoushi06"></i></div>
                                    <div class="info">
                                        <div class="num"><span class="font48 counter">10</span>强</div>
                                        <div class="desc font18">中国人力资源服务品牌</div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="module">
                <div class="module-regards">
                    <div class="hd">
                        <div class="tit">
                            <p>顾问式人力资源综合服务商</p>
                            <p>成就优秀人才的未来</p>
                        </div>

                        <p class="txt">
                            我们以客户需求为导向，联动全国资源，凭借专业的团队和务实的作风，为客户提供中高管人才寻觅，职业咨询，人才外包，劳务派遣、人力资源咨询等全方位、多层次的顾问式人力资源解决方案。
                        </p>

                    </div>

                </div>
            </div>

            <div class="module">
                <div class="module-lightSpeedIn">
                    <div class="hd lightSpeedIn">
                        <h2 class="wow">
                            立足于专业领域<br>
                            我们追求并成功实践<br>
                            帮助卓越客户与优秀候选人们创造价值
                        </h2>
                    </div>
                    <!-- <div class="bd">
                        <ul class="row">
                            <li>
                                <div class="img">
                                    <img src="../css/assets/1-1.png" alt="">
                                </div>
                                <h3 class="tit">专业顾问</h3>
                                <div class="desc">
                                    <p>全球人才招聘咨询</p>
                                    <p>全球人才背景调查</p>
                                    <p>全球人才甄选评测</p>
                                </div>
                            </li>
                            <li>
                                <div class="img">
                                    <img src="../css/assets/1-2.png" alt="">
                                </div>
                                <h3 class="tit">企业Mapping</h3>
                                <div class="desc">
                                    <p>对标TOP10企业中高管Mapping</p>
                                    <p>核心竞对业务中高管Mapping</p>
                                    <p>新业务转型对标Mapping</p>
                                </div>
                            </li>
                            <li>
                                <div class="img">
                                    <img src="../css/assets/1-3.png" alt="">
                                </div>
                                <h3 class="tit">人才外包</h3>
                                <div class="desc">
                                    <p>劳务派遣</p>
                                    <p>社保代理</p>
                                    <p>技术外包</p>
                                </div>
                            </li>
                            <li>
                                <div class="img">
                                    <img src="../css/assets/1-4.png" alt="">
                                </div>
                                <h3 class="tit">人事服务</h3>
                                <div class="desc">
                                    <p>社保代理</p>
                                    <p>税务统筹</p>
                                    <p>薪酬优化</p>
                                </div>
                            </li>
                        </ul>
                    </div> -->
                </div>
            </div>

            <div class="module">
                <div class="module-servicetype">
                    <div class="hd">
                        <h2 class="tit">服务行业</h2>
                    </div>
                    <div class="bd">
                        <ul>
                            <li class="item">
                                <img src="../css/assets/img/2-1.png" alt="" class="">
                                <p class="p2-1">IT</p>
                            </li>
                            <li class="item">
                                <img src="../css/assets/img/2-2.png" alt="" class="">
                                <p class="p2-1">财务</p>
                            </li>
                            <li class="item">
                                <img src="../css/assets/img/2-3.png" alt="" class="">
                                <p class="p2-1">房地产</p>
                            </li>

                            <li class="item">
                                <img src="../css/assets/img/2-4.png" alt="" class="">
                                <p class="p2-1">高科技</p>
                            </li>
                            <li class="item">
                                <img src="../css/assets/img/2-5.png" alt="" class="">
                                <p class="p2-1">互联网</p>
                            </li>
                            <li class="item">
                                <img src="../css/assets/img/2-6.png" alt="" class="">
                                <p class="p2-1">金融科技</p>
                            </li>
                            <li class="item">
                                <img src="../css/assets/img/2-7.png" alt="" class="">
                                <p class="p2-1">工智能</p>
                            </li>
                            <li class="item">
                                <img src="../css/assets/img/2-8.png" alt="" class="">
                                <p class="p2-1">人力资源</p>
                            </li>
                            <li class="item">
                                <img src="../css/assets/img/2-9.png" alt="" class="">
                                <p class="p2-1">生物制药</p>
                            </li>
                            <li class="item">
                                <img src="../css/assets/img/2-10.png" alt="" class="">
                                <p class="p2-1">新零售</p>
                            </li>
                            <li class="item">
                                <img src="../css/assets/img/2-11.png" alt="" class="">
                                <p class="p2-1">医疗大健康</p>
                            </li>
                            <li class="item">
                                <img src="../css/assets/img/2-12.png" alt="" class="">
                                <p class="p2-1">战略咨询</p>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>



            <div class="module">
                <div class="module-Partners">
                    <div class="hd">
                        <h2 class="tit">相信头部企业的选择</h2>
                        <span>相信专业的力量</span>
                    </div>
                    <div class="bd">
                        <!-- <ul class="row">
                        </ul> -->
                        <div class="picMarquee111">
                            <div class="con">
                                <ul class="flex">
                                    <li><img src="../css/assets/img/logolist/1.png" alt=""></li>
                                    <li><img src="../css/assets/img/logolist/2.jpg" alt=""></li>
                                    <li><img src="../css/assets/img/logolist/3.png" alt=""></li>
                                    <li><img src="../css/assets/img/logolist/4.png" alt=""></li>
                                    <li><img src="../css/assets/img/logolist/5.png" alt=""></li>
                                    <li><img src="../css/assets/img/logolist/6.png" alt=""></li>
                                    <li><img src="../css/assets/img/logolist/7.png" alt=""></li>
                                    <li><img src="../css/assets/img/logolist/8.jpg" alt=""></li>
                                    <li><img src="../css/assets/img/logolist/10.png" alt=""></li>
                                    <li><img src="../css/assets/img/logolist/9.jpg" alt=""></li>
                                    <li><img src="../css/assets/img/logolist/11.png" alt=""></li>
                                    <li><img src="../css/assets/img/logolist/13.jpg" alt=""></li>
                                    <li><img src="../css/assets/img/logolist/12.png" alt=""></li>
                                    <li><img src="../css/assets/img/logolist/14.png" alt=""></li>
                                    <li><img src="../css/assets/img/logolist/6.png" alt=""></li>
                                    <li><img src="../css/assets/img/logolist/8.jpg" alt=""></li>
                                    <li><img src="../css/assets/img/logolist/7.png" alt=""></li>
                                    <li><img src="../css/assets/img/logolist/9.jpg" alt=""></li>
                                    <li><img src="../css/assets/img/logolist/8.jpg" alt=""></li>
                                    <li><img src="../css/assets/img/logolist/7.png" alt=""></li>
                                    <li><img src="../css/assets/img/logolist/9.jpg" alt=""></li>
                                    <li><img src="../css/assets/img/logolist/11.png" alt=""></li>
                                </ul>
                            </div>
                        </div>
                        <div class="picMarquee222">
                            <div class="con">
                                <ul class="flex">
                                    <li><img src="../css/assets/img/t1-1.png" alt=""></li>
                                    <li><img src="../css/assets/img/t1-5.png" alt=""></li>
                                    <li><img src="../css/assets/img/logolist/5.png" alt=""></li>
                                    <li><img src="../css/assets/img/logolist/7.png" alt=""></li>
                                    <li><img src="../css/assets/img/logolist/8.jpg" alt=""></li>
                                    <li><img src="../css/assets/img/logolist/9.jpg" alt=""></li>
                                    <li><img src="../css/assets/img/logolist/10.png" alt=""></li>
                                    <li><img src="../css/assets/img/logolist/13.jpg" alt=""></li>
                                    <li><img src="../css/assets/img/logolist/12.png" alt=""></li>
                                    <li><img src="../css/assets/img/logolist/14.png" alt=""></li>
                                    <li><img src="../css/assets/img/logolist/8.jpg" alt=""></li>
                                    <li><img src="../css/assets/img/t1-6.png" alt=""></li>
                                    <li><img src="../css/assets/img/t1-7.png" alt=""></li>
                                    <li><img src="../css/assets/img/t1-1.png" alt=""></li>
                                    <li><img src="../css/assets/img/t1-2.png" alt=""></li>
                                    <li><img src="../css/assets/img/t1-3.png" alt=""></li>
                                    <li><img src="../css/assets/img/t1-8.png" alt=""></li>
                                    <li><img src="../css/assets/img/t1-9.png" alt=""></li>
                                </ul>
                            </div>
                        </div>
                        <div class="picMarquee333">
                            <div class="con">
                                <ul class="flex">
                                    <li><img src="../css/assets/img/logolist/8.jpg" alt=""></li>
                                    <li><img src="../css/assets/img/logolist/9.jpg" alt=""></li>
                                    <li><img src="../css/assets/img/logolist/11.png" alt=""></li>
                                    <li><img src="../css/assets/img/logolist/13.jpg" alt=""></li>
                                    <li><img src="../css/assets/img/logolist/12.png" alt=""></li>
                                    <li><img src="../css/assets/img/logolist/14.png" alt=""></li>
                                    <li><img src="../css/assets/img/logolist/8.jpg" alt=""></li>
                                    <li><img src="../css/assets/img/t1-6.png" alt=""></li>
                                    <li><img src="../css/assets/img/t1-7.png" alt=""></li>
                                    <li><img src="../css/assets/img/t1-1.png" alt=""></li>
                                    <li><img src="../css/assets/img/t1-7.png" alt=""></li>
                                    <li><img src="../css/assets/img/t1-8.png" alt=""></li>
                                    <li><img src="../css/assets/img/t1-9.png" alt=""></li>
                                    <li><img src="../css/assets/img/logolist/13.jpg" alt=""></li>
                                    <li><img src="../css/assets/img/logolist/12.png" alt=""></li>
                                    <li><img src="../css/assets/img/logolist/8.jpg" alt=""></li>
                                    <li><img src="../css/assets/img/t1-6.png" alt=""></li>
                                    <li><img src="../css/assets/img/t1-7.png" alt=""></li>
                                    <li><img src="../css/assets/img/t1-1.png" alt=""></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="footer">
                <div class="hd">
                    <div class="logo">
                        <img class="logo_img" src="../css/assets/logo2.png" alt="">
                        <div class="name_lx">
                            <h3 >上海艾禹萱劳务派遣有限公司</h3>
                            <p class="cont ">电话：400-0000-000<br>邮箱：xxxx@xxx.com<br>地址：上海浦东新区曹路镇金海路2499号宝龙广场2期7号楼605室</p>
                        </div>
                    </div>
                    <!-- <div class="gridcon">
                        <ul class="flex_cb">
                            <li><a href="/">首页</a></li>
                            <li><a href="JavaScript:;">公司简介</a></li>
                            <li><a href="JavaScript:;">解决方案</a></li>
                            <li><a href="JavaScript:;">专业顾问</a></li>
                            <li><a href="JavaScript:;">关于我们</a></li>
                        </ul>
                    </div> -->
                </div>
                <div class="copyright">
                    <div class="con">
                        <div class="beian">上海艾禹萱 <a href="JavaScript:;" target="_blank">沪ICP备xxxxxxx号</a></div>
                        <p class="bottom-copy">Copyright © 2010-
                            <script>document.write(new Date().getFullYear())</script> <a href="javascript:;">
                                上海艾禹萱劳务派遣有限公司版权所有 </a>
                        </p>
                    </div>
                </div>
            </div>

            <div class="sidebar-nav" id="sidebar-nav">
                <a href="javascript:void(0);" class="sidebar-gotop"><i></i></a>
            </div>
            <!--end  -->
        </div>
    </div>
    <!-- Swiper JS -->
    <script src="../js/utils/swiper.min.js"></script>
    <script src="../js/utils/swiper.animate.min.js"></script>
    <!-- Initialize Swiper -->
    <script src="../js/home.js"></script>
    <script type="text/javascript">
        $(".picMarquee111").slide({ mainCell: ".con ul", autoPlay: true, effect: "leftMarquee", vis: 12, interTime: 50, });
        $(".picMarquee222").slide({ mainCell: ".con ul", autoPlay: true, effect: "leftMarquee", vis: 11, interTime: 50, opp: true, });
        $(".picMarquee333").slide({ mainCell: ".con ul", autoPlay: true, effect: "leftMarquee", vis: 11, interTime: 50, });
        // $(".picMarquee444").slide({ mainCell: ".con ul", autoPlay: true, effect: "leftMarquee", vis: 11, interTime: 50, opp: true,});
    </script>
</body>

</html>